﻿.example-content {
    gap: 3rem;
    display: flex;
}

::deep {
    .custom-class {
        border-radius: 1rem;
        box-shadow: aqua 0 0 0.5rem;

        div {
            padding: 0.5rem;
            color: blueviolet;
        }
    }

    .custom-root {
        margin-left: 2rem;
        text-shadow: aqua 0 0 0.5rem;
    }

    .custom-wrapper {
        padding: 1rem;
    }

    .custom-badge {
        border-end-end-radius: 0.5rem;
        border-start-end-radius: unset;
        border-end-start-radius: unset;
        border-start-start-radius: 0.5rem;
    }

    .custom-icon {
        color: dodgerblue;
    }
}
